{% extends 'base.html.twig' %}

{% block body %}
    <section id="caja_inferior">
        <a id="href_header" href="{{ path('intro') }}" rel="home"><img  src="{{ asset('images/dennisritchie.jpg') }}" alt="jQuery" id="slide"/></a>
        <div id="botones">
            <a href="#"><img  src="{{ asset('images/botonlleno.png') }}" alt="Boton" id="button0" class="boton buttons"/></a>
            <a href="#"><img  src="{{ asset('images/botonvacio.png') }}" alt="Boton" id="button1" class="boton buttons"/></a>
            <a href="#"><img  src="{{ asset('images/botonvacio.png') }}" alt="Boton" id="button2" class="boton buttons"/></a>
        </div>
        <a id="button_a" href="registro.html">Registro</a><br/>
    </section>
        <div>
            <h1>
                Sobre jQuery
            </h1>
          	<p>
            	jQuery is a fast, small, and feature-rich JavaScript library. 
              It makes things like HTML document traversal and manipulation, event handling,
              animation, and Ajax much simpler with an easy-to-use API that works across a
              multitude of browsers. With a combination of versatility and extensibility,
              jQuery has changed the way that millions of people write JavaScript.  
          	</p>
            <p>Empezar con jQuery puede ser fácil o un reto, dependiendo de tu experiencia con JavaScript, HTML, CSS y tu experiencia programando en general.
               Algo importante sobre jQuery es que es solo una librería de Javascript, es decir, todo el potencial de jQuery viene de JavaScript, así que si conocer Javascript es fundamental.
            </p>
            <p>Si nunca has utilizado jQuery, ve al tutorial para aprender <a href="{{ path('intro') }}">Introducción</a>.</p>
          	<p>
              	Existen otros proyectos de jQuery como jQuery UI, jQuery Mobile, QUnit y Sizzle. Estos proyectos no vamos a poder
              	verlos durante esta exposición pero es interesante conocer que otro tipo de proyectos existen y si pueden servirnos en el futuro.
          </p>
          <p>Existe también una página oficial de jQuery donde existen vídeos y tutoriales para realizar ejercicios para comprender y utilizar 
            jQuery http://try.jquery.com/
          </p>
        </div>
    
    <div class="row">
        <div class="col-sm-4 col-md-4">
            <div class="row">
                <div class="col-sm-12 col-md-6" ><a href="#"><img src="{{ asset('images/jquery.gif') }}" alt="home" class="img-row"/></a></div>
                <div class="col-sm-12 col-md-6" ><a href="#"><img src="{{ asset('images/selectojquery.png') }}" alt="home" class="img-row"/></a></div>
            </div>
        </div>
        <div class="col-sm-4 col-md-4">
            <div class="row">
                <div class="col-sm-12 col-md-6" ><a href="#"><img src="{{ asset('images/jquerydom.png') }}" alt="home" class="img-row"/></a></div>
                <div class="col-sm-12 col-md-6" ><a href="#"><img src="{{ asset('images/eventjquery.png') }}" alt="home" class="img-row"/></a></div>
            </div>
        </div>
        <div class="col-sm-4 col-md-4">
            <div class="row">
                <div class="col-sm-12 col-md-6" ><a href="#"><img src="{{ asset('images/Jquery_effects.jpg') }}" alt="home" class="img-row"/></a></div>
                <div class="col-sm-12 col-md-6" ><a href="#"><img src="{{ asset('images/jquery.gif') }}" alt="home" class="img-row"/></a></div>
            </div>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('js/slider.js') }}"></script>
{% endblock %}